{% extends 'base.html' %}
{% load static %}

{% block title %}忘记密码 - 本地有约{% endblock %}

{% block content %}
<div class="container" style="max-width: 500px; margin-top: 5rem;">
    <div class="card card-custom">
        <div class="card-body p-4">
            <div class="text-center mb-4">
                <i class="fas fa-key fa-3x text-primary mb-3"></i>
                <h3>忘记密码</h3>
                <p class="text-muted">输入您的邮箱，我们将发送重置链接</p>
            </div>
            
            <form method="post">
                {% csrf_token %}
                
                <div class="mb-3">
                    <label for="email" class="form-label-custom">邮箱地址</label>
                    <input type="email" class="form-control form-control-custom" id="email" name="email" required>
                </div>
                
                <button type="submit" class="btn btn-gradient-primary w-100">
                    <i class="fas fa-paper-plane"></i> 发送重置链接
                </button>
                
                <div class="text-center mt-3">
                    <a href="{% url 'users:login' %}">返回登录</a>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}
